<template>
  <div class="prompt-icon">
    <!-- 输入提示 -->
    <template v-if="inputType == 'user_input'">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2Z"
          fill="#FFC107"
        />
        <path d="M12 7V9M12 13H12.01" stroke="#333" stroke-width="2" stroke-linecap="round" />
      </svg>
    </template>
    <!-- 机器人 -->
    <template v-else-if="inputType == 'ai_output' || inputType == 'ai_thought'">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2Z"
          fill="#4CAF50"
        />
        <path
          d="M8 10C8.55228 10 9 9.55228 9 9C9 8.44772 8.55228 8 8 8C7.44772 8 7 8.44772 7 9C7 9.55228 7.44772 10 8 10Z"
          fill="white"
        />
        <path
          d="M16 10C16.5523 10 17 9.55228 17 9C17 8.44772 16.5523 8 16 8C15.4477 8 15 8.44772 15 9C15 9.55228 15.4477 10 16 10Z"
          fill="white"
        />
        <path d="M15 15H9V14C9 13.45 9.45 13 10 13H14C14.55 13 15 13.45 15 14V15Z" fill="white" />
      </svg>
    </template>
    <template v-else-if="inputType == 'agent_steps'">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z"
          fill="#9C27B0"
        />
        <path d="M7 7H17V9H7V7Z" fill="white" />
        <path d="M7 11H17V13H7V11Z" fill="white" />
        <path d="M7 15H13V17H7V15Z" fill="white" />
        <path d="M16 15L18 17L22 13" stroke="white" stroke-width="2" stroke-linecap="round" />
      </svg>
    </template>
    <!-- 工具输出 -->
    <template v-else-if="inputType == 'tool_output'">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M21 16V8C21 6.9 20.1 6 19 6H10L7 3H3C1.9 3 1 3.9 1 5V19C1 20.1 1.9 21 3 21H19C20.1 21 21 20.1 21 19V16Z"
          fill="#2196F3"
        />
        <path
          d="M7 12L10 15L15 10"
          stroke="white"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
      </svg>
    </template>
  </div>
</template>
<script setup>
const prosp = defineProps({
  inputType: String,
})
</script>
<style lang="scss" scoped>
.prompt-icon {
  width: 24px;
  height: 24px;
}
</style>
